<?php
/*
Template Name: Шаблон страницы для сайтов из портфолио и отзывов
*/
?>
    <?php get_header('top'); ?> 
    <?
    $p;
    if(is_page(20))
    { 
        $p = 'сайт';
    } elseif (is_page(22)) {
        $p = 'отзыв';
    };
    ?>


    <div class="row breadcrumbs-for-inner-pages">
        <a href="<?=get_home_url();?>">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/>
            </svg>    
            <span>на главную</span>
        </a>
    </div>

    <div class="row">
						<h2><?the_title();?> <span>(<?echo count(get_posts(['category_name'=>$p]));?>)</span></h2>
						<address>
							
                                <div class="row row-cols-1 row-cols-md-3 g-4">
                                    <?
                                    if ( have_posts() ){
                                        $query = new WP_Query( [ 'category_name' => $p ] );

                                        while ( $query->have_posts() ) {
                                            $query->the_post(); 

                                            $link_site = get_post_custom_values("ссылка на сайт")[0]; 
                                            $img_name = get_post_custom_values("изображение в png")[0]; 

                                            echo '<div class="col"><div class="card h-100">';

                                                echo '<div class="card-body">'; 
                                                    echo '<h5 class="card-title">';
                                                    if($link_site):
                                                        echo '<a target="_blank" href="'.$link_site.'">';
                                                    endif;
                                                        the_title();
                                                    if($link_site):
                                                        echo '</a>';
                                                    endif;
                                                    echo '</h5>';

                                                    echo str_replace( "<p", "<p class=\"card-text\"", get_the_content());
                                                echo '</div>';


                                                if(is_page(20)):
                        // соотношения сторон скрина сайта из портфолио 9:16
                                                echo '<img src="'.get_template_directory_uri().'/img/'.$img_name.'.png" class="card-img-top" alt="скриншот сайта &quot;'.get_the_title().'&quot;">';

                                                // echo '<img src="'.wp_get_upload_dir()['url'].'/'.$img_name.'.png" class="card-img-top" alt="скриншот сайта &quot;'.get_the_title().'&quot;">';

                                            
                                                echo '<div class="card-footer"><small class="text-body-secondary">';
                                                    if($link_site){
                                                        echo '<a target="_blank" href="'.$link_site.'">'.$link_site.'</a>';
                                                    } else {
                                                        echo '&nbsp;';
                                                    };
                                                echo '</small></div>';
                                                endif;
                                                
                                            echo '</div></div>';
                                        }
                                        wp_reset_postdata();

                                    } else {
                                        echo wpautop( 'Постов для вывода не найдено.' ); 
                                    }
                                    ?>
                                </div>

						</address>
					</div>
<?



the_content();
?>
	<?php get_footer('bottom'); ?> 
    <?php get_footer('scripts'); ?> 